import React from 'react';
import ImageLazy from '../../commons/ImageLazy';
import NavLink from '../../commons/NavLink';
import {hashHistory } from 'react-router'

let mydefault = () => (
  // componentDidMount:function(){
  //   let activeIndex = 0,
  //       whashName = window.location.hash;
  //   if(whashName.indexOf('pending')>-1){
  //     activeIndex = 1;
  //   }else if(whashName.indexOf('all')>-1){
  //     activeIndex = 0;
  //   }else if(whashName.indexOf('unconsumed')>-1){
  //     activeIndex = 2;
  //   }else if(whashName.indexOf('consumed')>-1){
  //     activeIndex = 3;
  //   }else if(whashName.indexOf('refund')>-1){
  //     activeIndex = 4;
  //   }
  //   $('.orderMenu .wrapper a').tap(function(){
  //     $('.orderMenu .wrapper a').removeClass('active');
  //     $(this).addClass('active');
  //     //数据操作
  //   })
  //   $('.orderMenu .wrapper a').eq(activeIndex).addClass('active');
  // },

      <div className="orderMenu">
        <div className="wrapper border_b1">
          <NavLink to="/user/orderView/all">
            <i className="iconfont icon-all_order"></i><br/>
            全部
          </NavLink>
          <NavLink to="/user/orderView/pending">
            <i className="iconfont icon-pending_order"></i><br/>
            待付款
          </NavLink>
          <NavLink to="/user/orderView/unconsumed">
            <i className="iconfont icon-unconsumed_order"></i><br/>
            未消费
          </NavLink>
          <NavLink to="/user/orderView/consumed">
            <i className="iconfont icon-consumed_order"></i><br/>
            已消费
          </NavLink>
          <NavLink to="/user/orderView/refund">
            <i className="iconfont icon-refund_order"></i><br/>
            退款
          </NavLink>
          {/* <a href="javascript:void(0)" onClick={()=>hashHistory.push('/user/orderView/all')}>
            <i className="iconfont icon-all_order"></i><br/>
            全部
          </a>
          <a href="javascript:void(0)" onClick={()=>hashHistory.push('/user/orderView/pending')}>
            <i className="iconfont icon-pending_order"></i><br/>
            待付款
          </a>
          <a href="javascript:void(0)" onClick={()=>hashHistory.push('/user/orderView/unconsumed')}>
            <i className="iconfont icon-unconsumed_order"></i><br/>
            未消费
          </a>
          <a href="javascript:void(0)" onClick={()=>hashHistory.push('/user/orderView/consumed')}>
            <i className="iconfont icon-consumed_order"></i><br/>
            已消费
          </a>
          <a href="javascript:void(0)" onClick={()=>hashHistory.push('/user/orderView/refund')}>
            <i className="iconfont icon-refund_order"></i><br/>
            退款
          </a> */}
        </div>
      </div>
)

export default mydefault;
